<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <meta name="description" content="OrgSync">
    <title>错误 - OrgSync</title>
    <link rel="icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/logo192.png">
    <link rel="manifest" href="/manifest.json">
    <link rel="stylesheet" href="/libs/bootstrap@5.3.3/css/bootstrap.min.css">
    <style>
        html, body {
            height: 100%;
        }

        body {
            background-color: #e8eaea;
            position: relative;
        }

        .container {
            margin-bottom: 0;
            max-width: 720px;
        }

        .content-box {
            background-color: #ffffff;
        }

        .content-box h1 {
            font-size: 96px;
        }

        .content-box .home-button {
            width: 150px;
        }

        .bottom-box {
            background: #e8eaea url() repeat-x left top;
            background-size: 10px 3px;
            height: 50px;
        }
    </style>
</head>
<body>
<div class="container content-box text-center pt-5 pb-5">
    <h1 class="text-muted font-monospace mb-4">404</h1>
    <h2 class="text-secondary mb-3">很抱歉</h2>
    <p class="location-path text-secondary font-monospace mb-2"></p>
    <p class="text-secondary mb-5">您要访问的页面不存在...</p>
    <a class="home-button btn btn-lg btn-light" href="/" role="button">返回首页</a>
</div>
<div class="container bottom-box"></div>

<script>
        var locationPath = document.querySelector('p.location-path');
        locationPath.innerText = document.location.pathname;
    </script>
</body>
</html>
